import { View} from '@tarojs/components'
import './index.scss'
import ListRow from 'components/ListRow'


function Animation() {
  return(
    <View className='wrapper'>
      <ListRow title='背景动画效果' path='/pages/highQuality/animation/background/index' />
      <ListRow title='边框动画效果' path='/pages/highQuality/animation/border/index' />
      <ListRow title='位置动画效果' path='/pages/highQuality/animation/position/index' />
      <ListRow title='阴影动画效果' path='/pages/highQuality/animation/boxShadow/index' />
      <ListRow title='字体动画效果' path='/pages/highQuality/animation/font/index' />
      <ListRow title='文本变化' path='/pages/highQuality/animation/column/index' />
      <ListRow title='flex 动画效果' path='/pages/highQuality/animation/flex/index' />
      <ListRow title='边距动画效果' path='/pages/highQuality/animation/margin/index' />
      <ListRow title='透明动画效果' path='/pages/highQuality/animation/opacity/index' />
      <ListRow title='边距动画效果' path='/pages/highQuality/animation/perspective/index' />
      <ListRow title='change flex order' path='/pages/highQuality/animation/order/index' />
    </View>
  ) 
}

export default Animation
